<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"/></script>
		<script src="js/test.js"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>
		<style>
			.zx {
				margin: 0;
				padding: 0;
			}
		</style>
	</head>

	<!--loading页结束-->
	<body>
		<header class="top-header fixed-header">
			<a class="icona" href="javascript:history.go(-1)">
				<img src="images/left.png" />
			</a>
			<h3>去评价</h3>

			<a class="iconb" href="shopcar.html">
			</a>
		</header>
		<br />
		<br />
		<br />
		<br />
		<div class="contaniner fixed-cont zx">
			<section class="assess">
				<p>
					<img src="images/000.jpg" />
					<textarea rows="5" placeholder="填写评论,立刻获得金币奖励!心动不如行动!"></textarea>

				</p>
				<ul>
					<li>
						商品评价
					</li>
					<li class="assess-right diyi">
						<img onclick="level(1)" src="images/detail-iocn01.png" />
						<img onclick="level(2)" src="images/detail-iocn01.png" />
						<img onclick="level(3)" src="images/detail-iocn01.png" />
						<img onclick="level(4)" src="images/detail-iocn01.png" />
						<img onclick="level(5)" src="images/detail-iocn01.png" />
					</li>
				</ul>
			</section>
		</div>
		<br />
		<br />
		<br />
		<footer class="assess-footer fixed-footer ">
			<ul>
				<li>
					<input type="checkbox" id="ass" />
					<label for="ass" onselectstart="return false">匿名评价</label>

				</li>
				<input type="button" value="发表评论" onclick="showTest();"/>
		</ul>
		</footer>

		
		<script type="text/javascript">
			$(".assess-footer ul li label").on('touchstart', function() {
				if ($(this).hasClass('assd')) {
					$(".assess-footer ul li label").removeClass("assd")
				} else {
					$(".assess-footer ul li label").addClass("assd")
				};
			});

			function level(s) {

				var str = '';

				var k = 6 - s;

				for (i = 1; i < s + 1; i++) {
					str += "<img onclick='level(" + i + ")' src='images/detail-iocn01.png'/>";
				}
				for (j = 1; j < k; j++) {
					var d = j + s
					str += "<img onclick='level(" + d + ")' src='images/detail-iocn001.png'/>";
				}


				$('.diyi').html(str);
			}
		</script>
	</body>
</html>
